<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="header pannel">
        <div class="address">
            北京
        </div>
        <div class="search">
            <i class="iconfont icon-search"></i>
            <input type="text" placeholder="输入小区名称或商圈">
        </div>
        <div class="chat">
            <img src="./images/header_news.png" alt="">
        </div>
    </div>

    <div class="banner pannel">
        <img src="./upload/banner.png" alt="">

        <div class="dots">
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>


    <div class="rentnav pannel">
        <div class="whole"></div>
        <div class="together"></div>
    </div>

    <div class="discount pannel">
        <div class="discount-top">
            <h3>超值优惠</h3>
            <i>
                <img src="./images/content_icon_next.png" alt="">
            </i>
        </div>
        <div class="discount-bottom">
            <div class="left">
                <img src="./upload/content_tu_home_left@2x.png" alt="">
                <h4>宝石花园</h4>
                <p>朝阳区-2室1厅-90㎡</p>
                <span>¥7800元/月</span>
            </div>
            <div class="right">
                <img src="./upload/content_tu_home_right@2x.png" alt="">
                <h4>领秀新贵都3号院</h4>
                <p>朝阳区-2室1厅-90㎡</p>
                <span>¥7800元/月</span>
            </div>


        </div>
    </div>

    <div class="advertising pannel">
        <img src="./upload/ggwei_home.png" alt="">
    </div>

    <div class="recommend pannel">
        <div class="recommend-top">
            <div class="top-left">
                <h3>为您推荐</h3>
            </div>
            <div class="top-right">
                <span>整租</span>
                <p>合租</p>
            </div>
        </div>

        <ul class="recommend-bottom">
            <li>
                <div class="pic">
                    <img src="./upload/home_list_tu1@2x.png" alt="">
                </div>
                <div class="info">
                    <h4>整租-保利家园7号院一号楼</h4>
                    <span>朝阳区|2室1厅|90㎡</span>
                    <span>距5号线立水桥站1200米,13号线广西南..</span>
                    <div class="button">
                        <div class="left">独卫</div>
                        <div class="right">含阳台</div>
                    </div>
                    <p>¥7800元/月</p>
                </div>
            </li>
            <li>
                <div class="pic">
                    <img src="./upload/home_list_tu1@2x.png" alt="">
                </div>
                <div class="info">
                    <h4>整租-保利家园7号院一号楼</h4>
                    <span>朝阳区|2室1厅|90㎡</span>
                    <span>距5号线立水桥站1200米,13号线广西南..</span>
                    <div class="button">
                        <div class="left">独卫</div>
                        <div class="right">含阳台</div>
                    </div>
                    <p>¥7800元/月</p>
                </div>
            </li>
            <li>
                <div class="pic">
                    <img src="./upload/home_list_tu1@2x.png" alt="">
                </div>
                <div class="info">
                    <h4>整租-保利家园7号院一号楼</h4>
                    <span>朝阳区|2室1厅|90㎡</span>
                    <span>距5号线立水桥站1200米,13号线广西南..</span>
                    <div class="button">
                        <div class="left">独卫</div>
                        <div class="right">含阳台</div>
                    </div>
                    <p>¥7800元/月</p>
                </div>
            </li>
            <li>
                <div class="pic">
                    <img src="./upload/home_list_tu1@2x.png" alt="">
                </div>
                <div class="info">
                    <h4>整租-保利家园7号院一号楼</h4>
                    <span>朝阳区|2室1厅|90㎡</span>
                    <span>距5号线立水桥站1200米,13号线广西南..</span>
                    <div class="button">
                        <div class="left">独卫</div>
                        <div class="right">含阳台</div>
                    </div>
                    <p>¥7800元/月</p>
                </div>
            </li>
            <li>
                <div class="pic">
                    <img src="./upload/home_list_tu1@2x.png" alt="">
                </div>
                <div class="info">
                    <h4>整租-保利家园7号院一号楼</h4>
                    <span>朝阳区|2室1厅|90㎡</span>
                    <span>距5号线立水桥站1200米,13号线广西南..</span>
                    <div class="button">
                        <div class="left">独卫</div>
                        <div class="right">含阳台</div>
                    </div>
                    <p>¥7800元/月</p>
                </div>
            </li>
            <li>
                <div class="pic">
                    <img src="./upload/home_list_tu1@2x.png" alt="">
                </div>
                <div class="info">
                    <h4>整租-保利家园7号院一号楼</h4>
                    <span>朝阳区|2室1厅|90㎡</span>
                    <span>距5号线立水桥站1200米,13号线广西南..</span>
                    <div class="button">
                        <div class="left">独卫</div>
                        <div class="right">含阳台</div>
                    </div>
                    <p>¥7800元/月</p>
                </div>
            </li>
            <li>
                <div class="pic">
                    <img src="./upload/home_list_tu1@2x.png" alt="">
                </div>
                <div class="info">
                    <h4>整租-保利家园7号院一号楼</h4>
                    <span>朝阳区|2室1厅|90㎡</span>
                    <span>距5号线立水桥站1200米,13号线广西南..</span>
                    <div class="button">
                        <div class="left">独卫</div>
                        <div class="right">含阳台</div>
                    </div>
                    <p>¥7800元/月</p>
                </div>
            </li>
        </ul>


    </div>

    <a href="#" class="more pannel">
        查看更多优质房源
    </a>

    <a href="#" class="entry pannel">
        <img src="./images/gushirukou_home@2x.png" alt="">
    </a>

    <div class="tabbar">
        <a href="#">
            <i class="iconfont icon-home"></i>
            <p>首页</p>
        </a>
        <a href="#">
            <i class="iconfont icon-search"></i>
            <p>快速找房</p>
        </a>
        <a href="#">
            <i class="iconfont icon-agent"></i>
            <p>委托代理</p>
        </a>
        <a href="#">
            <i class="iconfont icon-my"></i>
            <p>我的</p>
        </a>
    </div>


    <!-- ( / @vw) -->
</body>
</html>